﻿<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/icons-extra.css" />
		<link rel="stylesheet" href="../css/my-conference-detail.css" />
		<style type="text/css">
			[v-cloak] {
				display: none !important;
			}
			/*开始时间、结束时间*/
			
			.mui-col-meetingdate {
				display: flex;
				padding-bottom: 10px;
			}
			
			.mui-col-date {
				color: #fff;
				text-align: center;
			}
			
			.mui-col-date h5 {
				color: #fff;
				line-height: 20px;
			}
			/*会议描述*/
			
			.mui-col-meetingintro p {
				color: #fff;
				line-height: 16px;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">会议详情</h1>
			<!--<a id="btnbookConference" class="mui-icon mui-icon-right-nav mui-pull-right mui-icon mui-icon-plusempty" style="padding-right: 20px; font-weight: bold;"></a>-->
		</header>
		<!-- v-cloak-->
		<div class="mui-content" id="mui-content">
			<div class="mui-control-content mui-scroll-wrapper mui-active">
				<div class="mui-scroll">
					<div class="mui-card">
						<!--#e51c23 -->
						<div class="" style="width: 100%; min-height: 35vh; background: #e51c23; padding: 15px 20px;">
							<div class="mui-col-xs-12 mui-col-meetingdate">
								<div class="mui-col-xs-6 mui-col-date">
									<h5>开始时间</h5>
									<h2>10:00</h2>
								</div>
								<div class="mui-col-xs-6 mui-col-date">
									<h5>结束时间</h5>
									<h2>12:00</h2>
								</div>
							</div>
							<div class="mui-col-xs-12 mui-col-meetingintro">
								<p>会议类型：三会一课</p>
								<p>会议名称：习近平：靠自己，走自力更生的道路</p>
								<p>会议主持：张文波</p>
								<p>会议助理：陈文本</p>
								<p>会议时间：2018-10-10</p>
								<p>会议地址：四川省成都市青羊区家园南街12号</p>
							</div>
						</div>

					</div>
					<div style="width: 100%;  background: #fff; padding: 5px 20px 10px ;">
						<p>会议状态：<span class="mui-pull-right mui-badge mui-badge-success">已结束</span></p>
					</div>
					<div style="width:100%;height: 15px; background: #f0f0f0;"></div>
					<div style="padding:10px 10px 0; margin-bottom: -10px;">
						<div class="mui-input-row">
							<label style="line-height: 22px; padding: 11px 15px 11px 0; ">会议内容</label>
							<button @click="btnEditContent" type="button" class="mui-btn mui-icon mui-icon-compose" style="width: inherit; border: none;"> 编辑</button>
						</div>
					</div>
					<div class="mui-card" style="background: #fff; padding: 10px; margin-bottom: 20px;">
						<p>回顾改革开放历程，正是因为坚持基本经济制度不动摇，坚持“两个毫不动摇”方针，极大地激发了各类市场主体活力，我国经济得以快速发展，跃升为世界第二大经济体，惠及亿万人民。实践告诉我们，公有制经济和非公有制经济都是社会主义市场经济的重要组成部分，二者相辅相成、相得益彰。进入新时代，坚定不移坚持“两个毫不动摇”，是推动改革开放事业发展的必然要求，是中国经济实现高质量发展的重要基石。</p>
					</div>
					<div style="width:100%;height: 15px; background: #f0f0f0;"></div>
					<div style="padding:10px 10px 0; margin-bottom: -10px;">
						<div class="mui-input-row">
							<label style="line-height: 22px; padding: 11px 15px 11px 0; ">会议文件</label>
							<button @click="btnAddFile" type="button" class="mui-btn mui-icon mui-icon-extra mui-icon-extra-order" style="width: inherit; border: none;"> 添加</button>
						</div>
					</div>
					<div class="mui-card" style="min-height:10vh; background: #fff; padding: 10px; margin-bottom: 20px;">
						<p>暂无会议文件</p>
					</div>
					<div style="width:100%;height: 15px; background: #f0f0f0;"></div>
					<div style="padding:10px 10px 0; margin-bottom: -10px;">
						<div class="mui-input-row">
							<label style="line-height: 22px; padding: 11px 15px 11px 0; ">与会人员</label>
						</div>
					</div>
					<div class="mui-card" style="min-height:10vh;background: #fff; padding: 10px; ">
						<p>
							习大大、邹大大、陈大大、李大大、
						</p>
					</div>
				</div>
			</div>
	</body>

</html>
<script type="text/javascript" src="../js/mui.min.js"></script>
<script type="text/javascript" src="../js/jquery-2.1.0.js"></script>
<script type="text/javascript" src="../js/config.js"></script>
<script type="text/javascript" src="../js/common.js"></script>
<script type="text/javascript" src="../js/localStorage.js"></script>
<script type="text/javascript" src="../js/vue.min.js"></script>
<script type="text/javascript">
	var meetingdetailvm;
	mui.init();

	//屏幕可用工作区高度
	var contentHeight = window.screen.availHeight - 65;
	$(".mui-control-content").height(contentHeight);

	setTimeout(function() {
		mui(".mui-scroll-wrapper").scroll();
	}, 500);

	mui.plusReady(function() {
		//	会议管理
		mui('body').on('tap', '#btnbookConference', function() {
			//mui.toast('审核管理');
			mui.openWindow({
				url: '/html/conference-book.html',
				id: 'conference-book',
				createNew: false,
				/*extras: {
					'info': apploginuser,
				},*/
				show: {
					autoShow: true,
					aniShow: 'slide-in-right',
					duration: 300
				},
				waiting: {
					autoShow: false,
					title: '正在加载...'
				}
			})
		});

		initDom();
	});

	function initDom() {

		meetingdetailvm = new Vue({
			el: "#mui-content",
			methods: {
				//	内容编辑
				btnEditContent: function() {
					mui.toast('编辑会议内容');
				},
				
				//	文件上传
				btnAddFile:function(){
					mui.toast('文件上传');
				}
			}
		})

	}
</script>